
/* 可以在这里添加你自己的css */

p { font-size: 14px; line-height: 1.6; }
a { color: #387DB8; }
img { max-width: 100%; }

pre {
	font-family: Consolas,"Liberation Mono",Menlo,Courier,monospace;
}

hr {
	border-top: 1px solid rgba(0,0,0,0.1);
	border-bottom: none;
	transform: scale(1,0.5);
}

blockquote {
	margin: 1em 0; padding: 1px 10px;
	font: 15px/1.5em "微软雅黑"; color: #9a9a9a;
	border-left: 3px solid #dbdbdb;
}



/* 标题 */
.hh-title-base {
	margin: .5em 0; padding: .3em 0;
	font-size: 16px; line-height: 1.4em; font-weight: normal;
	color: #619be4;
}
.hh-title-tag {
	display: inline-block; margin: .5em 0; padding: .3em .67em;
	font-size: 15px; line-height: 1.4em; font-weight: normal;
	color: #19763E; background: #53BF6B;
	border-left: .22em solid #19763E; border-radius: 0.27em;
	text-shadow: 0 1px 1px rgba(255,255,255,0.4);
}
.hh-title-border-left {
	position: relative;
	margin: .5em 0; padding: .3em 0 .3em .8em;
	font-size: 16px; line-height: 1.6em; font-weight: normal;
	color: #333;
}
.hh-title-border-left:before {
	position: absolute; left: 0; top: 50%;
	display: block; width: 0.3em; height: 1em; margin-top: -0.5em;
	content: ""; background: #f66;
	border-radius: 1em;
}

/* 表格 */
table {
	width: 100%;
	border-collapse: collapse;
	word-break: break-all;
}
th,td {
	padding: 5px 10px;
	border: 1px solid #ddd;
}
table.hh-table1 {
	width: 100%; margin: 20px 0;
	border: 2px solid #432c23;
	border-collapse: collapse;
}
table.hh-table1 tr.boldborder {
	border-top: 2px solid #432c23;
}
table.hh-table1 th {
	padding: .4em .67em;
	font-size: 16px; line-height: 1.6; color: #432c23;
	text-align: left;
	background: rgba(0,0,0,.05);
	border: 1px solid #432c23;
}
table.hh-table1 td {
	padding: .4em .67em;
	font-size: 15px; line-height: 1.6; color: #432c23;
	vertical-align: top;
	border: 1px solid #432c23;
}

table.hh-table2 {
	width: 100%; margin: 20px 0;
	text-align: center;
	border: 2px solid #432c23;
	border-collapse: collapse;
}
table.hh-table2 th {
	padding: 10px 0;
	font-size: 16px; line-height: 1.6; color: #432c23;
	background: rgba(0,0,0,.05);
	border: 1px solid #432c23;
}
table.hh-table2 td {
	padding: 15px 5px;
	font-size: 15px; line-height: 1.6; color: #432c23;
	vertical-align: middle;
	border: 1px solid #432c23;
}
table td.pink { background: #fdd; }
table td.grey { background: #f5f5f5; }
table.center { text-align: center; }
table.center th {text-align: center; }
.tb_wrap { margin: 20px 0; padding: 20px; background: #fff; border-radius: 4px; }
.tb_wrap p { margin: 0 0 15px !important; }
.tb_wrap table { margin: 0; }

/* 列表 */
ul,ol {
	margin: 1.4em 0 !important;
	padding-left: 1.4em !important;
	padding-inline-start: 1.2em;
	font-size: 14px;
}
li {
	list-style-type: inherit;
}
.hh-num-list1 {
	margin: 1.4em 0 !important;
	padding-left: 1.4em !important;
	font-size: 14px;
}
.hh-num-list1>li {
	margin: .625em 0;
	font-size: 1em; line-height: 1.4em; color:#555;
	list-style: decimal;
}
.hh-num-list1>li>div {
	margin: .625em 0 1.6em; padding:0;
}
.hh-num-list1>li p,
.hh-num-list1>li a,
.hh-num-list1>li h4 {
	margin: .4em 0 !important; padding: 0 !important;
	font-size: 1em; line-height: 1.4em;
}
.hh-num-list1>li a {
	color: #387db8 !important;
}
.hh-num-list1>li a:hover {
	border-bottom: 1px solid #387db8;
}
.hh-num-list1>li ol,
.hh-num-list1>li ul {
	margin: .625em 0 1.6em 1.1em; padding: 0;
}

.hh-num-list2 {
	margin: 1.4em 0 !important;
	padding-left: 2em !important;
	font-size: 14px;
}
.hh-num-list2>li {
	list-style: decimal-leading-zero;
	margin:.625em 0;
	font-size: 1em; line-height: 1.4em; color:#555;
}
.hh-num-list2>li>div {
	margin:.625em 0 1.6em; padding:0;
}
.hh-num-list2>li p,
.hh-num-list2>li a,
.hh-num-list2>li h4 {
	margin:.4em 0!important; padding:0!important;
	font-size: 1em; line-height: 1.4em;
}
.hh-num-list2>li a {
	color:#387db8!important;
}
.hh-num-list2>li a:hover {
	border-bottom: 1px solid #387db8;
}
.hh-num-list2>li ol,
.hh-num-list2>li ul {
	margin:.625em 0 1.6em 1.7em; padding:0;
}

.hh-circle-list1 {
	margin: 1.4em 0 !important;
	padding-left: 1.4em !important;
	font-size: 14px;
}
.hh-circle-list1>li {
	margin:.625em 0; list-style:circle;
	font-size: 1em; line-height: 1.4em; color:#555;
}
.hh-circle-list1>li>div {
	margin:.625em 0 1.6em; padding:0;
}
.hh-circle-list1>li p,
.hh-circle-list1>li a,
.hh-circle-list1>li h4 {
	margin:.4em 0!important; padding:0!important;
	font-size: 1em; line-height: 1.4em;
}
.hh-circle-list1>li a {
	color:#387db8!important;
}
.hh-circle-list1>li a:hover {
	border-bottom: 1px solid #387db8;
}
.hh-circle-list1>li ol,
.hh-circle-list1>li ul {
	margin:.625em 0 1.6em 1.4em; padding:0;
}

.hh-circle-list2 {
	margin: 1.4em 0 !important;
	padding-left: 1.4em !important;
	font-size: 14px;
}
.hh-circle-list2>li {
	margin:.625em 0; list-style:disc;
	font-size: 1em; line-height: 1.4em; color:#555;
}
.hh-circle-list2>li>div {
	margin:.625em 0 1.6em; padding:0;
}
.hh-circle-list2>li p,
.hh-circle-list2>li a,
.hh-circle-list2>li h4 {
	margin:.4em 0!important; padding:0!important;
	font-size: 1em; line-height: 1.4em;
}
.hh-circle-list2>li a {
	color:#387db8!important;
}
.hh-circle-list2>li a:hover {
	border-bottom: 1px solid #387db8;
}
.hh-circle-list2>li ol,
.hh-circle-list2>li ul {
	margin:.625em 0 1.6em 1.4em; padding:0;
}

.hh-letter-list1 {
	margin: 1.4em 0 !important;
	padding-left: 1.4em !important;
	font-size: 14px;
}
.hh-letter-list1>li {
	margin:.625em 0; list-style:lower-alpha;
	font-size: 1em; line-height: 1.4em; color:#555;
}
.hh-letter-list1>li>div {
	margin:.625em 0 1.6em; padding:0;
}
.hh-letter-list1>li p,
.hh-letter-list1>li a,
.hh-letter-list1>li h4 {
	margin:.4em 0!important; padding:0!important;
	font-size: 1em; line-height: 1.4em;
}
.hh-letter-list1>li a {
	color:#387db8!important;
}
.hh-letter-list1>li a:hover {
	border-bottom: 1px solid #387db8;;
}
.hh-letter-list1>li ol,
.hh-letter-list1>li ul {
	margin:.625em 0 1.6em 1.1em; padding:0;
}
.hh-letter-list2 {
	margin: 1.4em 0 !important;
	padding-left: 1.4em !important;
	font-size: 14px;
}
.hh-letter-list2>li {
	margin:.625em 0; list-style:upper-alpha;
	font-size: 1em; line-height: 1.4em; color:#555;
}
.hh-letter-list2>li>div {
	margin:.625em 0 1.6em; padding:0;
}
.hh-letter-list2>li p,
.hh-letter-list2>li a,
.hh-letter-list2>li h4 {
	margin:.4em 0!important; padding:0!important;
	font-size: 1em; line-height: 1.4em;
}
.hh-letter-list2>li a {
	color:#387db8!important;
}
.hh-letter-list2>li a:hover {
	border-bottom: 1px solid #387db8;;
}
.hh-letter-list2>li ol,
.hh-letter-list2>li ul {
	margin:.625em 0 1.6em 1.2em; padding:0;
}


/* 音频 */
.hh-audio {
	position: relative;
}
.hh-audio-wrap {
	position: relative;
	min-height: 80px;
	margin: 20px 0; padding: 10px 100px 10px 20px;
	background-color: #f7f7f7;
	border: 1px solid #eee;
	border-radius: 3px;
	box-sizing: content-box;
}
.hh-audio-wrap:hover {
	border-color: #07C160;
}
.hh-audio-layer {
	position: absolute; left: 0; top: 0; z-index: 2000;
	display: block; width: 100%; height: 100px;
	margin: 0; padding: 0;
	background: none;
	outline: none;
	border: 0px solid #f00;
	cursor: pointer;
}
.hh-audio-control {
	position: absolute; right: 10px; top: 10px;
	width: 80px; height: 80px;
	background-color: #333;
	cursor: pointer;
}
.hh-audio-state {
	width: 32px; height: 32px;
	margin: 15px auto 7px;
}
.hh-audio.play .hh-audio-state {
	background: url("");
}
.hh-audio.pause .hh-audio-state {
	background: url("");
}
.hh-audio-time {
	font: 700 12px/1em "微软雅黑"; color: #fff;
	text-align: center;
}
.hh-audio-name {
	margin: 10px 0;
	font: 16px/1.5em "微软雅黑"; color: #353535;
	text-overflow: ellipsis; overflow: hidden; white-space: nowrap;
}
.hh-audio-descp {
	margin: 10px 0;
	font: 14px/1.5em "微软雅黑"; color: #9A9A9A;
	text-overflow: ellipsis; overflow: hidden; white-space: nowrap;
}
.hh-audio-player {
	display: none;
}


/* 视频 */
.hh-video-player {
	display: block; margin: 20px auto;
	max-width: 100%;
	background-color: #000;
	outline: none;
}
